<div class="payment_top">
    <a href="javascript:history.go(-1)"><img class="backImg" src="images/leftarrow.png"></a>
    <span class="payment_title">桌号管理</span>
    <img class="backImg_right" src="images/alldelete.png" ng-show="vm.deleteshow" ng-click="vm.checkDelete()">
</div>
<div class="usermember_center">
    <ul class="tablehome_item">
        <li ng-repeat="group in vm.grouplist">
            <div style="height: 40px">
                <div class="tableitem_text" ng-hide="vm.deleteshow"><img src="images/deletetwo.png" class="grouplist_delete" ng-click="vm.openDelete(group)"></div>
                <div class="tableitem_text"><span>{{group.groupname}}</span><span>（{{group.tablelen}}）</span></div>
                <div class="tableitem_paint" ng-show="vm.disablecheck">
                    <img class="tableitem_img" ng-src="{{group.checked?'images/checked.png':'images/ancheck.png'}}" ng-click="vm.checkedGroup(group)">
                </div>
            </div>
            <div class="scoll">
                <div class="tableitem_text" style="overflow-x: auto" data-ng-init="vm.getTableList(group)" >
                    <span ng-repeat="table in group.tablelist">
                        <a class="a_color">{{table.tablename}}</a>
                    </span>
                </div>
            </div>
        </li>
    </ul>
    <div class="add_equipment" style="margin-top: 20px" ui-sref="groupadd" ng-show="vm.deleteshow" ng-click="vm.goGroupAdd()" >
        <div style="height: 60px;">
            <div class="tableitem_text_detail">添加分组</div>
            <div class="tableitem_paint_detail">
                <img class="tableitem_img" src="images/rightarrow.png">

            </div>
        </div>
    </div>
    <div class="inputsn_outbtn" ng-hide="vm.deleteshow">
        <button class="inputsn_btn" ng-click="vm.submitDelete()">完成</button>
    </div>
</div>
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="margin-top: 65px">
    <div class="modal-dialog modal_content" role="document">
        <div class="modal-content model_content_sub">
            <div class="modal-body">
                删除后，组内桌子重新分配
            </div>
            <div class="margin_top_none">
                <button type="button" class="detail_btn detail_btn_active" data-dismiss="modal">取消</button>
                <button id="updatesure" type="button" class=" detail_btn" data-dismiss="modal" ng-click="vm.deletegroup()">确定</button>
            </div>
        </div>
    </div>
</div>
<message-Component message-visible="vm.messageVisible" message="vm.message"  surebtn="vm.surebtn()"
                   cancelbtn="vm.cancelbtn()"></message-Component>